<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="./css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>考生管理</title>
    <style type="text/css">
      .exam-info{
        height: 40px;
        margin-bottom: 20px;
        line-height: 40px;
        font-size: 16px; 
        padding-left: 60px ;
        position: relative;
      }
      .exam-info .return-div{
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 40px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(img/return-icon.png);
      }
      .exam-info .exam-name,.exam-info .exam-status{
        font-size: 28px;
      }
      .t-item2{width: 170px;}
      .t-item3{width: 220px;}
      .t-item4{width: 130px;}
      .t-item5{width: 220px;}
      .t-item8{width: 185px;}
      .lineH40{line-height: 40px;height: 40px;}
    </style>
  </head>
  <body>
    <div class="header">
      <div class="container">
        <div class="header">
          <div class="float-left header-title">考生管理</div>
          <div class="float-right user-info">
            <div class="btn-group ml20 center-btn-group">
              <a href="user-center.html" class="header-a" data-toggle="dropdown">
                <div class="user-cover"><img src="img/teacher-img-default.png" class="auto-img"></div>
                <div class="user-name"></div>
              </a>
              <ul class="dropdown-menu center-dropdown-menu">
                <!-- dropdown menu links -->
                <li><a href="user-center.html" target="_blank">个人中心</a></li>
                <li id="logout"><a href="javascript:void(0)">退出登录</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div>
    <div class="container body-container">
      <div class="exam-info">
        <div class="return-div"></div>
        <span class="exam-name"></span><span class="exam-status"></span>
        <span class="exam-time ml20">
          <span class="begin-time"></span>
          ~
          <span class="end-time"></span>
        </span>
        <span class="ml20">签到中...</span>
      </div>
      <div class="row">
        <div class="span12 oprbtn-con">
          <a class="btn btn-primary" download="导入考试模板文件" href="http://ozhwe6jzx.bkt.clouddn.com/%E8%80%83%E7%94%9F%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xls">下载模板</a>
          <button class="btn btn-primary" id="pickfiles">导入考生</button>
          <button class="btn btn-primary" id="add_student">新增考生</button>
          <button class="btn btn-success" id="change_status">修改状态</button>
          <button class="btn btn-warning" id="call_student">叫号</button>
        </div>
      </div>
      <div class="row mt20">
        <div class="span12">
          <form class="form-inline search-form">
            <input type="text" name="search_student_name" id="search_student_name" placeholder="考生姓名" value="">
            <input class="ml20" type="text" name="search_student_number" id="search_student_number" placeholder="考生准考证号" value="">
            <div class="btn-group ml20 drop-btn status-btn-group">
              <button class="btn btn-large btn-text status-btn-text" data-toggle="dropdown" data-status="-1">全部</button>
              <button class="btn btn-large dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu status-dropdown-menu">
                <!-- dropdown menu links -->
                <li data-status="-1" class="active"><a href="javascript:void(0)">全部</a></li>
                <li data-status="0"><a href="javascript:void(0)">未签到</a></li>
                <li data-status="1"><a href="javascript:void(0)">已签到</a></li>
                <li data-status="2"><a href="javascript:void(0)">已考试</a></li>
              </ul>
            </div>
            <button class="btn btn-info ml20" id="search_stu_btn">搜索</button>
            <button class="btn btn-danger ml20" id="clear_search_stu_btn">清空搜索</button>
          </form>
        </div>
      </div>
      <div class="has-table hide">
        <div class="container mt20">
          <table class="exam-table" cellspacing="0" cellpadding="0">  
            <tr>
              <th class="t-item1"></th>
              <th class="t-item2">考生姓名</th>
              <th class="t-item3">考号</th>
              <th class="t-item4">性别</th>
              <th class="t-item5">考生状态</th>
              <th class="t-item8">操作</th>
            </tr>
          </table>
        </div>
        <div class="pagination pagination-centered">
          <ul>
             <li id="previous_page"><a><<</a></li>
            <li id="next_page"><a>>></a></li>
          </ul>
        </div>
      </div>  
      <div class="hasnot-table hide">
        <div class="center">没有相应的考生</div>
      </div>    
    </div>
    <!-- createExamModal -->
    <div id="stuModal" class="modal hide fade" tabindex="1" role="dialog" aria-labelledby="stuModalLabel" aria-hide="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h3 id="stuModalLabel" class="modal-title">新增考生</h3>
      </div>
      <div class="modal-body">
        <div class="clear-fix">
          <label class="float-left" for="password">考 生 名 字：</label>
          <div class="float-left">
            <input type="text" id="stu_name" name="stu_name" class="input-block-level" placeholder="请输入考生名字">
          </div>
        </div>
        <div class="clear-fix">
          <label class="float-left" for="stu_sex">考 生 性 别：</label>
          <div class="float-left">
            <input class="float-left" type="radio" name="sex" value="0" id="stu_sex_male">
            <label class="float-left" for="stu_sex_male">男</label>
            <input class="float-left" style="margin-left: 20px;" type="radio" name="sex" value="1" id="stu_sex_female">
            <label class="float-left" for="stu_sex_female">女</label>
          </div>
        </div>
        <div class="clear-fix">
          <label class="float-left" for="stu_seat">考生座位号：</label>
          <div class="float-left">
            <input class="onlynum-input" type="text" name="stu_seat" id="stu_seat" placeholder="请输入座位号" value="">
          </div>
        </div>
        <div class="clear-fix">
          <label class="float-left" for="stu_exam_number">考 生 考 号：</label>
          <div class="float-left">
            <input class="" type="text" name="stu_exam_number" id="stu_exam_number" placeholder="请输入考号" value="">
          </div>
        </div>
        <div class="clear-fix">
          <label class="float-left" for="stu_papers_number">考生身份证：</label>
          <div class="float-left">
            <input class="" type="text" name="stu_papers_number" id="stu_papers_number" placeholder="请输入考生身份证" value="">
          </div>
        </div>
        <div class="clear-fix">
          <label class="float-left" for="stu_batch">考 场 批 次：</label>
          <div class="float-left">
            <input class="onlynum-input" type="text" name="stu_batch" id="stu_batch" placeholder="请输入考场批次" value="">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary modal-sure">确定</button>
      </div>
    </div>
    <!-- statusModal -->
    <div id="statusModal" class="modal hide fade" tabindex="1" role="dialog" aria-labelledby="statusModalLabel" aria-hide="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h3 id="statusModalLabel" class="modal-title">修改状态</h3>
      </div>
      <div class="modal-body" style="height: 220px;">
        <div class="lineH40">
          当前选中考生人数: <span class="choosed-stu-num"></span>
        </div>  
        <div class="clear-fix">
          <label class="float-left">考 生 状 态：</label>
          <div class="float-left">
            <div class="btn-group ml20 drop-btn status-btn-group">
              <button class="btn btn-large btn-text status-btn-text" data-toggle="dropdown" style="height: 40px;"></button>
              <button class="btn btn-large dropdown-toggle lineH40" data-toggle="dropdown">
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu status-dropdown-menu">
                <!-- dropdown menu links -->
                <li data-status="0"><a href="javascript:void(0)" >未签到</a></li>
                <li data-status="1"><a href="javascript:void(0)">已签到</a></li>
                <li data-status="2"><a href="javascript:void(0)">已考试</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary modal-sure">确定</button>
      </div>
    </div>
    <!-- callStuModal -->
    <div id="callStuModal" class="modal hide fade" tabindex="1" role="dialog" aria-labelledby="callStuModalLabel" aria-hide="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h3 id="callStuModalLabel" class="modal-title">叫号</h3>
      </div>
      <div class="modal-body">
        <div class="clear-fix">
          <label class="float-left" for="call_student_number">叫 号 数 量：</label>
          <div class="float-left">
            <input class="onlynum-input" type="text" name="call_student_number" id="call_student_number" placeholder="请输入叫号数量" value="">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary modal-sure">确定</button>
      </div>
    </div>
    <!-- clone area -->
    <table class="hide">
      <tr class="clone-stutr">
        <td class="t-item1 stu-checkbox"><input type="checkbox"></td>
        <td class="t-item2 stu-name"></td>
        <td class="t-item3 stu-number"></td>
        <td class="t-item4 stu-sex"></td>
        <td class="t-item5 stu-status"></td>
        <td class="t-item8">
          <div class="clear-fix">
            <div class="opr-item edit-item float-left" title="编辑"></div>
            <div class="opr-item delete-item float-left" title="删除"></div>
          </div>
        </td>
      </tr>
    </table>
    <div class="loading hide">
      <div class="loading-text">加载中...</div>
    </div>
    <object id="CertCtl" name="CertCtl" type="application/cert-reader" width="0" height="0">该浏览器不支持身份证阅读器控件！</object>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/bootstrap-datetimepicker.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/qiniu.min.js"></script>
    <script src="./js/uploader-init.js"></script>
    <script src="./js/student-manage.js"></script>
  </body>
</html>